import request from "../../utils/request";

// pages/list/list.ts
var QQMapWX = require('qqmap-wx-jssdk.js');
// 实例化API核心类
var qqmapsdk = new QQMapWX({
    key: 'OUEBZ-T5RKJ-KWHFX-XCZ6K-LVHUJ-4IBPA' // 必填
});
Page({
  /**
   * 页面的初始数据
   */
  data: {
    statusBarHeight: 0,
    navBarHeight: 88,
    regionText:'常州市',
    longitude: 119.95, // 常州市默认经度
    latitude: 31.78, // 常州市默认纬度
    showDetailModal: false,
    detailItem: {},
    weekItems: [
      {
        image: 'https://xrmini.dwtcy.com.cn/images/Merchant/MerchantIM/MerchantIMScript/主角1.png',
        price: '¥90/人'
      },
      {
        image: 'https://xrmini.dwtcy.com.cn/images/Merchant/MerchantIM/剧本1.png',
        price: '¥90/人'
      },
      {
        image: 'https://xrmini.dwtcy.com.cn/images/Merchant/MerchantIM/剧本3.png',
        price: '¥90/人'
      }
    ],
    recommendData: [
      {
        bgImage: 'https://xrmini.dwtcy.com.cn/images/recommend/背景.png',
        titleImage: 'https://xrmini.dwtcy.com.cn/images/recommend/标签背景.png',
        titleImageText: '沉浸式场景体验',
        items: [
          {
            image: 'https://xrmini.dwtcy.com.cn/images/Shopping/1.png',
            text: '《海底探险3D》'
          },
          {
            image: 'https://xrmini.dwtcy.com.cn/images/Shopping/2.png',
            text: '《星际驾驶舱》'
          }
        ]
      },
      {
        bgImage: 'https://xrmini.dwtcy.com.cn/images/recommend/背景.png',
        titleImage: 'https://xrmini.dwtcy.com.cn/images/recommend/标签背景.png',
        titleImageText: '跟着大家一起买',
        items: [
          {
            image: 'https://xrmini.dwtcy.com.cn/images/Shopping/1.png',
            text: '《海底探险3D》'
          },
          {
            image: 'https://xrmini.dwtcy.com.cn/images/Shopping/4.png',
            text: '《高空索道XR》'
          }
        ]
      }
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options: any): void {
    const scene = options.scene ? decodeURIComponent(options.scene) : null;
    console.log('options:',options);
    console.log('首页获取的scene值:',scene);
    if(scene){
      // 保存scene到本地存储，等待登录后调用绑定接口
      wx.setStorageSync('pendingScene', scene);
      console.log('scene已保存');
      if(wx.getStorageSync('token')){
        console.log('已登录，开始绑定');
        request.bindSalesmanWXUser(scene).then((res: any) => {
          if (res.code === 200) {
            console.log('绑定成功', res);
            // 清除已处理的scene
            wx.removeStorageSync('pendingScene');
          } else {
            console.error('绑定失败:', res.msg || '未知错误');
            wx.showToast({
              title: res.msg || '绑定失败',
            })
          }
        })
      }
    }else{
      console.log('首页没有获取到scene值');
    }

    const app = getApp();
    this.setData({
      statusBarHeight: app.globalData.statusBarHeight
    });


    // 延迟获取位置，避免影响首页加载
    // this.getlocation();
  },
  // getlocation(){
  //   wx.getLocation({
  //     type: 'wgs84',
  //     success: (res) => {
  //       console.log(res.latitude),
  //       console.log(res.longitude),
  //       this.setData({
  //         latitude: res.latitude,
  //         longitude: res.longitude
  //       });
  //     }
  //    })
  // },
  // 注释掉获取位置的方法，使用默认经纬度
  // getlocation() {
  //   // 先检查是否已经授权
  //   wx.getSetting({
  //     success: (res) => {
  //       if (res.authSetting['scope.userLocation']) {
  //         // 已经授权，直接获取位置
  //         this.requestLocation();
  //       } else {
  //         // 未授权，先请求授权
  //         wx.authorize({
  //           scope: 'scope.userLocation',
  //           success: () => {
  //             this.requestLocation();
  //           },
  //           fail: () => {
  //             wx.showModal({
  //               title: '需要位置信息',
  //               content: '为了提供更好的服务，需要获取您的位置信息',
  //               confirmText: '去设置',
  //               success: (mRes) => {
  //                 if (mRes.confirm) {
  //                   wx.openSetting({
  //                     success: (settingRes) => {
  //                       if (settingRes.authSetting['scope.userLocation']) {
  //                         this.requestLocation();
  //                       }
  //                     }
  //                   });
  //                 }
  //               }
  //             });
  //           }
  //         });
  //       }
  //     }
  //   });
  // },

  // requestLocation() {
  //   wx.getLocation({
  //     type: 'gcj02',
  //     success: (res) => {
  //       const { latitude, longitude } = res;
  //       this.setData({
  //         latitude,
  //         longitude
  //       });
  //       qqmapsdk.reverseGeocoder({
  //         location: { latitude, longitude },
  //         success: (geoRes: any) => {
  //           const comp = geoRes && geoRes.result && geoRes.result.address_component;
  //           const province = (comp && comp.province) || '';
  //           const city = (comp && comp.city) || '';
  //           const district = (comp && comp.district) || '';
  //           this.setData({ regionText: `${province}${city}${district}` });
           
  //         },
  //         fail: () => {
  //           wx.showToast({
  //             title: '位置解析失败',
  //             icon: 'none',
  //             duration: 2000
  //           });
  //         }
  //       });
  //     },
  //     fail: (err) => {
  //       console.error('获取位置失败:', err);
  //       wx.showToast({
  //         title: '获取位置失败',
  //         icon: 'none',
  //         duration: 2000
  //       });
  //     }
  //   });
  // },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // 页面显示时检查是否需要获取定位
    // 可以根据业务需求决定是否自动获取
    // this.getlocation(); // 注释掉，使用默认经纬度
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },
  regionChange(e: any){
    const text =e.detail.value.join("")
    this.setData({
      regionText:text
    })

  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },

  // 显示每周上新详情
  showWeekItemDetail(e: any) {
    const item = e.currentTarget.dataset.item;
    this.setData({
      showDetailModal: true,
      detailItem: item
    });
  },

  // 显示推荐榜单详情
  showRecommendDetail(e: any) {
    const item = e.currentTarget.dataset.item;
    this.setData({
      showDetailModal: true,
      detailItem: item
    });
  },

  // 关闭详情弹窗
  closeDetailModal() {
    this.setData({
      showDetailModal: false,
      detailItem: {}
    });
  },

  // 阻止弹窗内容点击时关闭弹窗
  preventClose() {
    // 空函数，阻止事件冒泡
  },

  // 跳转到体验页面
  goToExperience() {
    // 根据实际业务需求，可以跳转到对应的AR体验页面
    // 这里暂时先关闭弹窗，后续可以根据 detailItem 的数据跳转到对应页面
    this.closeDetailModal();
    // 示例：跳转到AR页面
    // wx.navigateTo({
    //   url: '/packageA/pages/AR/AR'
    // });
  }

})